<template>
  <div class="container">
    <div class="top">
      <Top></Top>
    </div>
    <div class="bottom">
      <Bottom></Bottom>
    </div>
  </div>
</template>

<script setup lang="ts">
import Top from './top/index.vue'
import Bottom from './bottom/index.vue'
</script>

<style scoped lang="scss">
.container {
  width: 100%;
  height: 100%;
  .top {
    height: 59px;
    width: 100%;
    // background: pink;
  }
  .bottom {
    width: 100%;
    height: calc(100% - 59px);
    // background: red;
  }
}
</style>
